<template>
  <div style="height:100%">
    <Menu style="width:100%;">
      <MenuGroup title="推荐">
        <MenuItem name="1"
                  to="/topList">
        <Icon type="md-document" />推荐列表
        </MenuItem>
        <MenuItem name="2"
                  to="/ranking">
        <Icon type="md-chatbubbles" />排行
        </MenuItem>
      </MenuGroup>
      <MenuGroup title="我的音乐">
        <MenuItem name="3">
        <Icon type="md-heart" />本地音乐
        </MenuItem>
        <MenuItem name="4">
        <Icon type="md-leaf" />下载管理
        </MenuItem>
        <MenuItem name="5">
        <Icon type="md-leaf" />播放历史
        </MenuItem>
        <MenuItem name="6">
        <Icon type="md-leaf" />我的收藏
        </MenuItem>
      </MenuGroup>
    </Menu>
  </div>
</template>

<script>
export default {}
</script>

<style scopt>
.ivu-menu {
  height: 100%;
}
</style>